 $(function() {
	 var layer=layui.layer
	 // 1.1 获取裁剪区域的 DOM 元素
	     var $image = $('#img')
	     // 1.2 配置选项
	     const options = {
	       // 纵横比
	       aspectRatio: 1,
	       // 指定预览区域
	       preview: '.img-preview'
	     }
	   
	     // 1.3 创建裁剪区域
	     $image.cropper(options)
	 	 // 为上传文件按钮绑定点击事件
	 	 $('#btnChooseImage').on('click',function() {
	 		 $('#file').click()
	 	 })
	 	 // 为文件选择框绑定事件
	 	 $('#file').on('change',function(e) {
	 		 // 获取用户选择文件
	 		 var fileslis=e.target.files
	 		 if(fileslis.length===0) {
	 			 return layer.msg('请选择照片')
	 		 }
			 // 拿到用户选择的照片文件
			 var file=e.target.files[0]
			 // 将文件，转化为路径
			 var imgURL=URL.createObjectURL(file)
			 // 重新初始化裁剪区
			$image
			     .cropper('destroy')      // 销毁旧的裁剪区域
			     .attr('src', imgURL)  // 重新设置图片路径
			     .cropper(options)        // 重新初始化裁剪区域
	 	 })
		 // 为确定按钮绑定事件
		 $('#btnUpload').on('click',function() {
			 // 拿到用户裁剪后的头像
			 var dataURL = $image
			       .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
			         width: 100,
			         height: 100
			       })
			       .toDataURL('image/png')       // 将 Canvas 画布上的内容，转化为 base64 格式的字符串
			 // 把头像传服务器
			 $.ajax({
				 method:'POST',
				 url:'/my/update/avatar',
				 data:{
					 avatar:dataURL
				 },
				 success:function(res) {
					 if(res.status!==0) {
						 return layer.msg('更换头像失败')
					 }
					 layer.msg('更换成功')
					 window.parent.getUserInfo()
				 }
			 })
		 })
 })
 